* {
margin : 0;
padding : 0;
}
body {
text-align : center;
background-color : #e2e6e0;
font-family : Sans-Serif, Verdana, Geneva, Garamond, Helvetica, Sans-Serif;
font-size : large;
}
#container {
background : #fff url(../images/back4.jpg) repeat;
color : #70695a;
width : 50em;
padding-top : 0.1em;
margin : auto;
border-radius:10px 10px 0 0;
-moz-border-radius :10px 10px 0 0 ;
-webkit-border-radius :10px 10px 0 0;
}
#wrapper {
width : 49em;
margin : auto;
background-color : #786a44;
margin-top : 0;
padding : 0;
border-left : thin solid white;
border-right : thin solid silver;
border-radius:10px 10px 0 0;
-moz-border-radius :10px 10px 0 0 ;
-webkit-border-radius :10px 10px 0 0;
}
#toptitle {
background-color : #e0e0e0;
font-family : garamond, Arial, Helvetica, sans-serif;
font-size : small;
text-align : left;
padding-left : 1.5em;
border-top : 0.2em solid #6a7830;
border-right : 0.2em solid #6a7830;
border-bottom : 0.2em solid #535353;border-radius:10px 10px 0 0;
-moz-border-radius :10px 10px 0 0 ;
-webkit-border-radius :10px 10px 0 0;
}
#logonav {
background-image : url('../images/logofbg.png');
padding : 1em;
height : 10em;
}
hr {
width : 65%;
margin : auto;
}
#logonav h1 {
text-align : center;
padding : 60px 0 0 0;
margin : 0;
font-family : papyrus;
font-size : 220%;
color : #ffffff;
}
#logonav img {
display : block;
}
#logonav a:link, #logonav a:visited {
color : #222222;
text-decoration : none;
}
#logonav a:hover {
color : #ffffff;
text-decoration : none;
}
#branding {
height : 3em;
background-color : #6a7830;
}
#branding h1 {
font-family : papyrus;
color : gray;
}
#rightnavcolumn {
float : right;
width : 10em;
color : #333;
margin-top : 3em;
}
#rightnavcolumn h2 {
font-family : Garamond, Helvetica, Arial, sans-serif;
padding-left : 1em;
}
#rightnavcolumn p {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : smaller;
}
#rightnavcolumn ul {
list-style-type : none;
margin : 0;
margin-top : 0.5em;
padding : 0.5em;
font-family : Garamond, Helvetica, Arial, sans-serif;
display : block;
}
#rightnavcolumn li {
border-bottom : thin dotted #555555;
margin-left : 1em;
}
#rightnavcolumn a {
text-decoration : none;
color : #3f464f;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
}
#rightnavcolumn a:visited {
color : #555555;
}
#rightnavcolumn a:hover {
text-decoration : none;
color : #fff;
}
#navbar #centeringdiv {
width : 35em;
margin : 0 auto;
}
#navbar {
background : #fff;
padding-left : 5em;
height : 1.6em;
border-bottom : thin solid #a52a2a;
}
#navbar ul {
list-style-type : none;
}
#navbar li {
float : left;
position : relative;
}
#navbar a, #navbar a:link, #navbar a:visited {
color : #fff;
background-color : #97ac6d;
background-image : url('../images/logobg.png');
font-family : Garamond, Helvetica, Arial, sans-serif;
text-decoration : none;
font-family : Verdana, Geneva, Arial, Sans-Serif;
font-size : 80%;
display : block;
height : 2em;
width : 7em;
line-height : 2em;
text-align : center;
outline-style : none;
}
#navbar a:hover, #navbar a:active, #navbar li.selected a:link, #navbar li.selected a:visited {
background : #eee;
color : #000;
}
#navbar li ul {
position : absolute;
z-index : 100;
visibility : hidden;
border-top : 1px solid #a52a2a;
border-right : 1px solid #999;
border-bottom : 1px solid #888;
}
#navbar li:hover ul, #navbar li a:hover ul {
visibility : visible;
top : 1.6em;
left : 0;
}
#navbar li:hover ul li a, #navbar li a:hover ul li a {
background-image : url('../images/logobg[2].png');
color : #000;
text-align : left;
display : block;
width : 10em;
padding : 0 0 0 1em;
height : auto;
}
#navbar li:hover ul li a:hover, #navbar li a:hover ul li a:hover {
background : #eee;
color : #000;
}
#navbar table {
margin : -1px;
border-collapse : collapse;
position : absolute;
top : 0.5em;
left : 0;
z-index : 100;
}
#content {
margin-right : 10em;
text-align : left;
padding-bottom : 0.5em;
padding-left : 1.5em;
background-color : #fff;
color : #000;
}
#content h1 {
color : #003300;
font-family : Garamond, Helvetica, Arial, sans-serif;
text-decoration : none;
}
#content h2 {
color : #fff;
background-color : #97ac6d;
background-image : url('../images/logobg.png');
font-family : Garamond, Helvetica, Arial, sans-serif;
text-decoration : none;
padding : 0.5em;
font-size : large;
margin-right : 18em;
}
#content p {
padding : 0;
}
#content ul {
list-style-type : none;
margin : 0;
margin-top : 0.5em;
padding : 0.5em;
font-family : Garamond, Helvetica, Arial, sans-serif;
border-left : thin dotted #003300;
display : block;
}
#content li {
margin-left : 1em;
}
#content a {
text-decoration : none;
color : #003300;
font-family : Arial, Helvetica, sans-serif;
}
#content a:visited {
color : #003300;
}
#content a:hover {
text-decoration : none;
border-bottom : 1px solid #003300;
font-weight : bold;
color : #3f464f;
}
#footer {
clear : right;
background-color : #535353;
color : #000;
border-top : 1px solid #b0c4d0;
min-height : 2em;
}
#footer a, #footer a:link, #footer a:visited {
text-decoration : none;
font-family : Verdana, Geneva, Arial, Sans-Serif;
font-size : 80%;
color : #000;
display : block;
line-height : 2em;
text-align : center;
outline-style : none;
}
#content h1 {
margin-left : 10px;
font-size : 2em;
font-family : Garamond, Georgia, Helvetica, Arial, sans-serif;
}
p:first-letter {
color : #003300;
font-size : xx-large;
}
p.first:first-line {
color : #003300;
font-variant : small-caps;
}
#content p {
font-size : 0.85em;
line-height : 1.5em;
margin : 1em 12px;
}
#content ul {
font-size : 0.85em;
margin : 1em 20px 1em 40px;
}
#content ul li {
margin-bottom : 0.5em;
}
img.floatleft {
float : left;
margin : 4px 20px 4px 4px;
}
img.floatright {
float : right;
margin : 4px;
}